function createComment(id, username, img, comment, likeCount, time) {

    // <div id="replydiv-${id}"  class="d-none" style="padding-left: 2rem"><input id="reply-${id}" type="text"><button onclick="addReply(${id})">Reply</button></div>
    //

    var html = `
    <div class="m-3">
      
        <div style="display: inline;">
           <img class="main-cmt-img" src = ${img}>
           
           <span style="text-align:left; font-size:0.8rem"  class="pl-2 text-warning">${username}</span>

           <span  style="text-align:left; margin-left:35px" class="d-block">${comment}</span>
        </div>
        <a style="margin-left:35px; font-size:0.8rem "class="text-info"  onclick='showReply(${id})'>回复</a>
    <div>
    <div id="comment${id}"></div>
    `

    return html;
}

function createReplyComment(id, username, img, comment, likeCount, time) {
    var html = `
     <div class="m-2">
        <div style="padding-left:2rem;display: inline;">
           <img class="main-cmt-img" src=${img}>
           <span class=" pl-2 text-warning" style="font-size:0.8rem" >${username}</span>

           <span>${comment}</span>
       </div>
    <div>
    `


    return html;
}

function createDynamicReplyComment(id, username, img, comment, likeCount, time) {
    var html = `
     <div class="m-2">
        <div class="ml-3" style="display: inline;">
           <img class="main-cmt-img" src=${img}>
           <span class=" pl-2 text-warning" style="font-size:0.8rem" >${username}</span>

           <span>${comment}</span>
       </div>
    <div>
    `


    return html;
}

function createHeadCommentHolder(id) {
    var html = `
     <div id="${id}">
        
    <div>
    `


    return html;
}

